* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html, body, #map {
    width: 100vw;
    height: 100vh;
    position: relative;
    font-size: 14px;
    color: #fff;
    overflow: hidden; /* 防止出现滚动条 */
}

#app {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; /* 防止出现滚动条 */
}

body {
    position: relative;
    user-select: none;
}


.error-tip {
    position: absolute;
    bottom: -27px;
    color: red;
    font-size: 12px;
    font-weight: bold;
}


.poi-start, .poi-end, .tjd-point-list, .jxq-point-list {
    position: relative;
    width: calc(80% - 40px);
}
.poi-start::before, .poi-end::before, .poi-tjd::before, .poi-jxq::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background: #17e502;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.poi-tjd, .poi-jxq {
    position: relative;
}
.poi-end::before {
    background: red;
}
.poi-tjd::before {
    background: #faba0a;
}
.poi-jxq::before {
    background: #ff7300;
}

/* 地图定位打点 */
.fixed-position-icon {
	background: url(../img/map/dw.png) no-repeat 50%;
	background-size: contain;
	position: absolute;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
    cursor: pointer;
}
.fixed-position-icon.fixed-start-icon-config,
.fixed-position-icon.fixed-end-icon-config,
.fixed-position-icon.fixed-way-icon-config{
	background: url(../img/map/config.png) no-repeat 50%;
	background-size: contain;
}

.add-route-tjd {
    position: absolute;
    right: -20px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url('../img/add.png') no-repeat 50% 50%;
    background-size: 100% 100%;
    cursor: pointer;
}
.add-route-jxq {
    position: absolute;
    right: -20px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url('../img/add.png') no-repeat 50% 50%;
    background-size: 100% 100%;
    cursor: pointer;
}

.row-content-yxj {
    width: calc(80% - 40px);
    display: flex;
    align-items: center;
}
.row-content-yxj .radio-yxj {
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.radio-input {
    margin-right: 5px;
}

.row-content-ystj {
    width: calc(80% - 40px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 50px;
}
.row-content-ystj .radio-ystj {
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.checkbox-input {
    margin-right: 5px;
}







.my-input-style {
    background: rgba(9, 38, 54, 0.7);
    height: 36px;
    line-height: 36px;
	outline: none;
    border-radius: 3px;
    border: none;
    padding: 5px 5px 5px 25px;
    width: calc(100% - 40px);
    color: #fff;
    border: 1px solid #7c7c7c;
}
.my-input-style::placeholder {
    color: #b9b9b9;
}
.my-select-input-style {
    background:rgba(9, 38, 54, 0.7);
    height: 36px;
    line-height: 36px;
	outline: none;
    border-radius: 3px;
    padding: 0 15px 0 5px;
    width: calc(80% - 80px);
    color: #fff;
    position: relative;
}
.my-option-input-style {
    position: absolute;
    left: 0;
    top: 36px;
    background: rgba(9, 38, 54, 0.7);
    max-height: 150px;
    overflow-y: auto;
    border-radius: 3px;
    width: 100%;
}
.my-option-row {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    border: 1px solid #f3f3f3;
}
.my-option-row.active {
    background: #9ad1ff;
    color: #fff;
}



/* 滚动条 */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background: hsl(193, 46%, 86%);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #14c6e8;
}
